草庐IT

CSS 背景

全部标签

javascript - 根据室外温度设置背景颜色

你好,我有一个温度小部件要在我正在进行的项目中实现。没有什么特别困难的,我有一个免费的API来检索我需要的数据等。但是,和我一起工作的可爱的设计师会有一个颜色特征,我不知道如何开始...他会根据当前天气温度定义背景颜色。我的意思是如果温度很冷,比如-20,背景颜色应该是蓝色/紫色/任何冷色;当天气暖和时,比如25,它应该有一个暖色调的背景色,比如橙色/红色。我想我可以很容易地处理一系列“温度步骤”,但我更愿意使用一个可以根据温度定义颜色的函数。我知道这很奇怪,我不知道是否有一种算法可以通过它的温度颜色来定义颜色......这篇文章很有帮助http://en.wikipedia.org/

javascript - 单击按钮后为拖放angularjs实现CSS3样式

我在我的元素中做了一个Angularjs拖放方法。我在拖放方面没有任何问题,但是在采取下一步行动后如何为可拖动元素制作样式时我遇到了问题。就我而言,如果用户将Goose和Rabbit拖到标记为Animalsthatgivebirth的框中,用户将单击按钮检查答案。每个draggblediv上方都会有正确或错误符号。我尝试检查元素,但我只看到了这些样式:[ng-drag]{width:50px;height:50px;background:rgba(255,255,255,0.5);color:#131313;text-align:center;padding-top:12px;disp

javascript - 通过 JavaScript/DOM 访问 CSS 媒体查询规则

我一直在使用许多库(包括我自己的库)来根据我在CSS文件中概述的媒体查询动态加载Assets。例如:在CSS中:@mediascreenand(max-width:480px){.foo{display:none;}}并且使用Assets加载器;require.js,modernizr.js等或使用window.matchMedia和相关的addListener()函数:if(function("screenand(max-width:480px)")){//Loadseveralfilesload(['mobile.js','mobile.css']);}声明它们两次是笨拙/愚蠢的,

javascript - 使用 css 打印 div 内容

我正在做一个元素,我想打印div内容。我使用的代码满足了我的要求,但我得到的是简单的输出,没有应用Css,也没有得到图像。请帮助我。我附上了我得到的代码和输出以及我想要的输出。代码:functionPrintElem(elem){Popup($(elem).html());}functionPopup(data){varmywindow=window.open('','newdiv','height=400,width=600');mywindow.document.write('');mywindow.document.write('');mywindow.document.writ

javascript - 如何从CSS颜色中提取r、g、b、a值?

什么是最简单的转换方式$('#my_element').css('backgroundColor')这样反对:{r:red_value,g:green_value,b:blue_value,a:alpha_value}? 最佳答案 varc=$('body').css('background-color');varrgb=c.replace(/^(rgb|rgba)\(/,'').replace(/\)$/,'').replace(/\s/g,'').split(',');for(variinrgb){console.log(rgb

javascript - 在javascript中获取随机背景颜色

我是java-script的新手。每当调用特定函数时,我都需要获得随机背景颜色。我在网上找到了以下代码,但我不太明白它是如何工作的。代码:functiongetRandomColor(){varhex=Math.floor(Math.random()*0xFFFFFF);return"#"+("000000"+hex.toString(16)).substr(-6);}上面的代码是如何工作的。我理解Math.random()是如何工作的,但是hex.toString(16)).substr(-6)基本上意味着什么?谁能给我解释一下上面的代码是如何工作的。 最

javascript - 有一个同时执行 2 个 CSS 动画的元素

我正在试验WebKits动画。一个HTML元素是否可以同时执行多个动画?例如:@-webkit-keyframesFADE{from{opacity:0;}to{opacity:1;}}@-webkit-keyframesTRICKY{0%{-webkit-transform:translate(0px,0)rotate(-5deg)skew(-15deg,0);}50%{-webkit-transform:translate(-100px,0)rotate(-15deg)skew(-25deg,0);}75%{-webkit-transform:translate(-200px,0)

javascript - 如何在 ASP.NET MVC 4 Beta 中禁用 Javascript/CSS 缩小

我只是在试用ASP.NETMVC4,但我不知道如何禁用Javascript/CSS缩小功能。特别是对于开发环境,这将对调试有很大帮助。我想这将是web.config中的一个开关,但由于ASP.NETMVC4目前仍处于测试阶段,因此实际上没有太多信息。如果有人可以提供帮助或指出正确的博客文章等,我们将不胜感激。 最佳答案 在Global.asax.cs中#ifDEBUGforeach(varbundleinBundleTable.Bundles){bundle.Transform=newNoTransform();}#endif

javascript - 使用 jQuery 关闭 CSS3 动画?

我有一个在页面加载时有动画的对象:.logo-mark{-webkit-animation:spin2s1cubic-bezier(0.000,0.000,0.230,1.000);-moz-animation:spin2s1cubic-bezier(0.000,0.000,0.230,1.000);-ms-animation:spin2s1cubic-bezier(0.000,0.000,0.230,1.000);animation:spin2s1cubic-bezier(0.000,0.000,0.230,1.000);}在某个时间,我希望JavaScript开启一个特定的动画,它

javascript - Bootstrap .dropdown li 背景颜色

这是我的网站:http://defend-foreclosure.com/index.html当我将鼠标悬停在“法律”下拉列表中时,我无法将列表项更改为蓝色以外的任何颜色。谁能告诉我需要编辑CSS中的哪些元素?我一直在测试bootstrap.css和bootstrap.min.css中的各种元素,但没有成功。 最佳答案 不要更改bootstrap.css。创建另一个css文件,您可以在其中覆盖它。无论如何,该行是4572:.dropdown-menuli>a:hover,.dropdown-menuli>a:focus,.dropd